草庐IT

Vue.js 表单

全部标签

javascript - Formik 和 yup 表单验证无法按预期使用 Virtualized Select

为了进行表单验证,我使用formik创建了一个表单。我已经使用了组件Formik、Form、Fieldformformik并配置了它们:import{Formik,Form,Field}from"formik";import{object,string}from"yup";importisEmptyfrom"lodash/isEmpty";importFormikSelectInputfrom"../common/FormikSelectInput";classAppextendsComponent{render(){constoptions=this.props.categories

javascript - 使用 Vue 单击并编辑文本输入

我正在寻找一个点击并编辑的Vue组件。我找到了afiddle并做了一些编辑。它是这样工作的:Thefiddleishere.问题:我需要额外的点击才能使输入聚焦。如何让它自动聚焦?来自fiddle的代码。HTML:Clickthevaluestoedit!{{todo.title}}JS:newVue({el:'#app',data:{todos:[{'title':'onevalue','edit':false},{'title':'onevalue','edit':false},{'title':'otrotitulo','edit':false}],editedTodo:null

javascript - 将 react redux 与 next.js 结合使用

我尝试将Redux与next.jsstarter结合使用项目,我在项目上安装了next-redux-wrapper但我不确定这个项目的根文件在哪里。我尝试按照next-redux-wrapper上显示的教程进行操作但没有成功。没有任何变化。请帮助我如何将Redux添加到项目中。问候。 最佳答案 Next.js使用App组件来初始化页面。您可以覆盖它并控制页面初始化。虽然这个演示是针对next.js的,但它应该适用于nextjs-starter。安装next-redux-wrapper:npminstall--savenext-red

javascript - 如何使用 `ArrayBuffer` 从 `bytes` 生成 `js_of_ocaml`

我正在构建一个在Ocaml中实现并使用js_of_ocaml编译为JavaScript的JavaScript库.我的一个Ocaml函数返回一个带有二进制数据的string。我如何使用js_of_ocaml作为ArrayBuffer公开它? 最佳答案 当您编译为javascript时,在string中操作二进制数据非常容易出错!根本原因是js_of_ocaml的选择有问题:因为javascript字符串以UTF16编码,而OCaml字符串(隐式)以UTF8编码,js_of_ocaml尝试在两者之间导航。因此,当它遇到代码为>127的“

javascript - 如何在 Vue 类组件中定义过滤器?

Vue类组件是一种相对较新的单文件组件编写方式。它看起来像这样:importVuefrom'vue'importComponentfrom'vue-class-component'//The@ComponentdecoratorindicatestheclassisaVuecomponent@Component({//Allcomponentoptionsareallowedinheretemplate:'Click!'})exportdefaultclassMyComponentextendsVue{//Initialdatacanbedeclaredasinstanceproper

javascript - Gulpfile.js 加载失败

VisualStudio任务运行程序无法加载gulp文件。我现在用的是VS2017v15.9.4,不过这个项目是几年前开发的。Failedtorun"...\Gulpfile.js"...cmd.exe/cgulp--tasks-simpleassert.js:350throwerr;^AssertionError[ERR_ASSERTION]:TaskfunctionmustbespecifiedatGulp.set[as_setTask](...\node_modules\undertaker\lib\set-task.js:10:3)atGulp.task(...\node_mo

javascript - 为什么 .mov、.mkv 和一些 .mp4 不能在 plyr.js 中播放

我如何使用plyr.js播放.mov,.mkv,.wmv,.mp4所有文件因为我喜欢plyr的外观code>我不想通过videojs更改plyr。如果有任何外部插件可以帮助播放上述文件,我很乐意使用它们。注意:我使用了plyr.polyfilled.js,尽管它不会播放。我没有任何要显示的.mov、.mkv、.wmv文件问题:是否可以使用plyr播放上述文件。下面的演示:'usestrict';document.addEventListener('DOMContentLoaded',function(){//ThisisthebareminimumJavaScript.Youcanop

javascript - 如何在 Metro Bundler 的 metro.config.js 中附加扩展名?

我正在尝试捆绑markdown文件而不产生太多开销(即不将它们手动添加到Xcode和AndroidStudio中的Assets包,不使用第3方依赖项)。我的想法是允许require()通过调整metro.config.js中的metrobundler设置来包含它们:/***MetroconfigurationforReactNative*https://github.com/facebook/react-native**@format*/module.exports={transformer:{getTransformOptions:async()=>({transform:{expe

javascript - jqtransform 表单选择器(onchange)问题!

我正在使用Jqtransform脚本设计表单样式。该表单包括一个选择器,其中包含一些城市,当我单击一个时,它应该使用该城市内的某些位置更新其下方的选择器。这里是选择器的代码它在默认样式下工作正常,但在应用JQ后,它失去了它的功能我之前在这里问过一个问题LINK我像Dormilich那样写了:$(function(){$("form.jqtransform").jqTransform();$("#city").change(populateDestrict(this));});但是没有用!如果有帮助,这里还有函数的代码functionpopulateDestrict(obj){varci

asp.net - 防止加载 MicrosoftAjaxWebForms.debug.js

我有一个ASP.NETWeb应用程序,我正在尝试减少对服务器的HTTP调用,所以我不想加载诸如MicrosoftAjaxWebForms.debug.js和MicrosoftAjax.debug.js。脚本管理器用于将我所有的外部javascript文件合并为一个文件,我担心这会导致加载其他不相关的库。 最佳答案 要摆脱脚本的调试版本,您必须在web.config中禁用Debug模式。.找到名为的元素在/configuration/system.web下并将其更改为. 关于asp.net